<template>
    <div class="searchBack">
        <div class="searchTop">
            <div class="icon">
                <img class="auto-img" src="../../public/images/songList/向左.png" alt="">
            </div>
            <div class="inp">
                <form action="/">
                    <van-search v-model="value" shape="round" background="#1B1344" placeholder="请输入搜索关键词"
                        @input="goinput" />
                </form>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "SearchBack"
}
</script>

<style lang="less" scoped>
.searchTop {
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: space-around;

    .inp {
        width: 80%;

        /deep/.van-search {
            padding: 0px 0px;
            height: 30px;
        }

        .van-cell {
            height: 30px;
            color: #fff;
        }

        .van-search__content {
            background-color: #271A4F;
        }

        /deep/.van-field__control {
            color: #fff;
        }

    }

    .icon {
        width: 25px;
    }
}
</style>